<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="webjars/jquery/3.6.0/jquery.js"></script>
    <title>Title</title>
    <style>
    table{
        text-align: center;
        background-color: red;
        margin: auto;
    }
</style>
</head>
<body>
<table border="10px" cellpadding="0" cellspacing="10" width="800px">
    <tr>
        <td>ip地址</td>
        <td>出现次数</td>

    </tr>
<!--    <tr>-->
<!--        <td colspan="2"><input type="button" value="去重"></td>-->
<!--    </tr>-->
</table>
<script>
    $(function () {
        $.get("ip",function (obj) {
            for (var key in obj){
                var tr = ` <tr>
                               <td>`+key+`</td>
                               <td>`+obj[key]+`</td>
                           </tr>`;
                $("table").append(tr);
            }
        },"json");
    })

</script>
</body>
</html>